function loadMail() {
  var page = 0

  function getMail() {
    request.getMails(page, function(res) {
      var data = {
        mails: res.mails,
        propName: propName
      }
      $('.append').remove()
      $('#mainContent').append(template('t_mail', data))
      exit()
      $('.link').click(function() {
        $next = $(this).next()
        $next.slideToggle()
        $(this).parent().toggleClass('open')
        $('#accordion').find('.submenu').not($next).slideUp().parent().removeClass('open')
      })

      $('.extractMail').click(function() {
        var mailId = $(this).attr('value')
        request.extractMail(mailId, function(res) {
          if (res.error === 0) {
            showMessage('提取邮件成功')
            getMail()
          } else if (res.error === 2) {
            showMessage('仓库空间不足,提取邮箱失败')
          }
        })
      })


      $('.deleteMail').click(function() {
        var mailId = $(this).attr('value')
        request.deleteMail(mailId, function(res) {
          if (res.error === 0) {
            showMessage('删除成功')
            getMail()
          }
        })
      })

      if (res.isFirst) {
        $('.prev').css('display', 'none')
      } else {
        $('.prev').css('display', 'inline-block')
      }

      if (res.isLast) {
        $('.next').css('display', 'none')
      } else {
        $('.next').css('display', 'inline-block')
      }

      $('.prev').click(function() {
        if (page <= 0) {
          return
        }
        page -= 1
        getMail()
      })

      $('.next').click(function() {
        page += 1
        getMail()
      })


    })


  }
  getMail()
}
